﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><!--<![endif]-->
<head>
	<!-- Basic Page Needs -->
	<meta charset="UTF-8">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<title>Techno Store - FAQ</title>

	<meta name="author" content="CreativeLayers">

	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- Boostrap style -->
	<link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.min.css">

	<!-- Theme style -->
	<link rel="stylesheet" type="text/css" href="/stylesheets/style.css">

	<!-- Reponsive -->
	<link rel="stylesheet" type="text/css" href="/stylesheets/responsive.css">

	<link rel="shortcut icon" href="/favicon/favicon.png">
	
</head>
<body class="header_sticky">
	<div class="boxed">

		<div class="overlay"></div>

		<!-- Preloader -->
		<div class="preloader">
			<div class="clear-loading loading-effect-2">
				<span></span>
			</div>
		</div><!-- /.preloader -->



		<div th:insert="~{header :: #header}"></div>

		<section class="flat-breadcrumb">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<ul class="breadcrumbs">
							<li class="trail-item">
								<a href="/page/index" title="">首页</a>
								<span><img src="/images/icons/arrow-right.png" alt=""></span>
							</li>
							<li class="trail-item">
								<a href="/page/food" title="">商店</a>
								<span><img src="/images/icons/arrow-right.png" alt=""></span>
							</li>
							<li class="trail-end">
								<a  title="">疑问解答</a>
							</li>
						</ul><!-- /.breacrumbs -->
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.flat-breadcrumb -->

		<section class="flat-row flat-accordion">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="accordion">
							<div class="title">
								<h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">你的问题的答案</font></font></h3>
							</div>
							<div class="accordion-toggle" th:each="doubt:${doubtList}">
								<div class="toggle-title" th:text="${doubt.question}"></div>
								<div class="toggle-content" style="display: none;">
									<p th:text="${doubt.answer}"></p>
								</div>
							</div><!-- /.accordion-toggle -->
						</div><!-- /.accordion -->
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section>

		<section class="flat-iconbox">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="iconbox">
							<div class="box-header">
								<div class="image">
									<img src="/images/icons/car.png" alt="">
								</div>
								<div class="box-title">
									<h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全球送货</font></font></h3>
								</div>
							</div><!-- /.box-header -->
							<div class="box-content">
								<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">订单满$ 100免运费</font></font></p>
							</div><!-- /.box-content -->
						</div><!-- /.iconbox -->
					</div><!-- /.col-md-3 -->
					<div class="col-md-3">
						<div class="iconbox">
							<div class="box-header">
								<div class="image">
									<img src="/images/icons/order.png" alt="">
								</div>
								<div class="box-title">
									<h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在线订购服务</font></font></h3>
								</div>
							</div><!-- /.box-header -->
							<div class="box-content">
								<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30天内免费退货</font></font></p>
							</div><!-- /.box-content -->
						</div><!-- /.iconbox -->
					</div><!-- /.col-md-3 -->
					<div class="col-md-3">
						<div class="iconbox">
							<div class="box-header">
								<div class="image">
									<img src="/images/icons/payment.png" alt="">
								</div>
								<div class="box-title">
									<h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">付款</font></font></h3>
								</div>
							</div><!-- /.box-header -->
							<div class="box-content">
								<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">安全系统</font></font></p>
							</div><!-- /.box-content -->
						</div><!-- /.iconbox -->
					</div><!-- /.col-md-3 -->
					<div class="col-md-3">
						<div class="iconbox">
							<div class="box-header">
								<div class="image">
									<img src="/images/icons/return.png" alt="">
								</div>
								<div class="box-title">
									<h3><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">返回30天</font></font></h3>
								</div>
							</div><!-- /.box-header -->
							<div class="box-content">
								<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">30天内免费退货</font></font></p>
							</div><!-- /.box-content -->
						</div><!-- /.iconbox -->
					</div><!-- /.col-md-3 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section>
		<div th:insert="~{footer :: #footer}"></div>

		<section class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="copyright"> All Rights Reserved © Techno Store 2017</p>
						<p class="btn-scroll">
							<a href="#" title="">
								<img src="/images/icons/top.png" alt="">
							</a>
						</p>
					</div><!-- /.col-md-12 -->
				</div><!-- /.row -->
			</div><!-- /.container -->
		</section><!-- /.footer-bottom -->

	</div><!-- /.boxed -->

		<!-- Javascript -->
		<script type="text/javascript" src="/javascript/jquery.min.js"></script>
		<script type="text/javascript" src="/javascript/tether.min.js"></script>
		<script type="text/javascript" src="/javascript/bootstrap.min.js"></script>
		<script type="text/javascript" src="/javascript/waypoints.min.js"></script>
		<script type="text/javascript" src="/javascript/jquery.circlechart.js"></script>
		<script type="text/javascript" src="/javascript/easing.js"></script>
		<script type="text/javascript" src="/javascript/jquery.flexslider-min.js"></script>
		<script type="text/javascript" src="/javascript/owl.carousel.js"></script>
		<script type="text/javascript" src="/javascript/smoothscroll.js"></script>
		<script type="text/javascript" src="/javascript/jquery-ui.js"></script>
		<script type="text/javascript" src="/javascript/jquery.mCustomScrollbar.js"></script>
	   	<script type="text/javascript" src="/javascript/gmap3.min.js"></script>
	   	<script type="text/javascript" src="/javascript/waves.min.js"></script>
		<script type="text/javascript" src="/javascript/jquery.countdown.js"></script>
		<script type="text/javascript" src="/javascript/main.js"></script>
</body>	
</html>